<!-- src/views/Home.vue -->
<template>
    <div class="home">
      <hero-section />
      <!-- <civilization-grid />
      <timeline-section />
      <feature-section />
      <news-section />
      <newsletter-section /> -->
    </div>
  </template>
  
  <script lang="ts" setup>
  import HeroSection from '@/components/home/HeroSection.vue'
//   import CivilizationGrid from '@/components/home/CivilizationGrid.vue'
//   import TimelineSection from '@/components/home/TimelineSection.vue'
//   import FeatureSection from '@/components/home/FeatureSection.vue'
//   import NewsSection from '@/components/home/NewsSection.vue'
//   import NewsletterSection from '@/components/home/NewsletterSection.vue'
  </script>